<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>

<!--table定义表格,tr定义行,td定义单元格,th定义表头单元格-->
<!--width：宽度
			* border：边框
			* cellpadding：定义内容和单元格的距离
			* cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条-->
<!--bgcolor：背景色			* align：对齐方式-->

<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
    <tr>
        <!-- <td>编号</td>
         <td>姓名</td>
         <td>成绩</td>-->
        <th>编号</th>
        <th>姓名</th>
        <th>成绩</th>

    </tr>

    <tr align="center">
        <td>1</td>
        <td>小龙女</td>
        <td>100</td>

    </tr>

    <tr>
        <td>2</td>
        <td>杨过</td>
        <td>50</td>

    </tr>

</table>


<hr>


<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
<!-- <thead>：表示表格的头部分
		* <tbody>：表示表格的体部分
		* <tfoot>：表示表格的脚部分,增强可读性,和CSS一起使用,控制固定信息的顺序-->
    <thead>
<!--     <caption>：表格标题-->
    <caption>学生信息表</caption>

    <tr>
        <!-- <td>编号</td>
         <td>姓名</td>
         <td>成绩</td>-->
        <th>编号</th>
        <th>姓名</th>
        <th>成绩</th>

    </tr>
    </thead>


    <tbody>
<!--    tr：定义行
			* bgcolor：背景色
			* align：对齐方式-->
    <tr bgcolor="#7fffd4" align="center">
        <td>1</td>
        <td>小龙女</td>
        <td>100</td>

    </tr>

    <tr>
        <td>2</td>
        <td>杨过</td>
        <td>50</td>

    </tr>

    </tbody>

    <tfoot>
    <tr>
        <td>3</td>
        <td>尹志平</td>
        <td>10</td>

    </tr>

    </tfoot>


</table>

<hr>

<table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
    <tr>
<!-- td：定义单元格
			* colspan：合并列占2行
			* rowspan：合并行-->
        <th rowspan="2">编号</th>
        <th>姓名</th>
        <th>成绩</th>

    </tr>

    <tr>

        <td>小龙女</td>
        <td>100</td>

    </tr>

    <tr>
<!--占2列-->
        <td>2</td>
        <td colspan="2">杨过</td>


    </tr>

</table>


<hr>


</body>
</html>